<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/js.vue.js"></script>
</head>
<body>
    <div id="box">
    <button class="htp">点击</button>
</div>
<script>
   
    Vue.createApp({
        data(){
           return{

           }
        },
        //挂载实例之后
        mounted(){ 
            let ayy=document.querySelector('htp')
             console.log(ayy?.innerHTML,'aaa')  
        },
        //挂载实例之前
        beforemount(){
            let ayy=document.querySelector('htp')
             console.log(ayy?.innerHTML,'bbb') 
            // console.log(ayy)  
        },
        //创建实例之前
        beforeCreate(){
            // console.log(ayy)  
        },
        //创建实例之后
        Createed(){
            // console.log(ayy)  
        },
        //数据更新之前
        beforeUndate(){

        },
        //数据更新之后
        Undated(){

        },
        //删除组件之前
        beformUnmount(){

        },
        //删除组件之后
        Unmounted(){

        }
    }).mount('#box')
</script>
</body>
</html>